<template>
  <div class="w-full flex-grow">
    <CustomTitle title="仪器指标" class="mb-[20px]"> </CustomTitle>
    <div class="h-[300px] bg-[#1B1B1B] mt-[10px] rounded-[10px] flex items-center">
      <div class="w-full h-[240px] overflow-y-auto flex flex-wrap items-start">
        <div v-for="(item, index) of data" :key="index" class="w-[50%] px-[50px] flex justify-evenly items-center pt-[10px]">
          <div class="text-[14px] w-[140px] text-[#E6E6E6]">{{ item.name }}</div>
          <div class="text-[14px] text-[#E6E6E6] flex items-center">
            <div class="text-[#FF9F00] w-[110px] bg-[#2E2E2E] text-center py-[10px] px-[15px] rounded-[10px] mr-[10px]">
              <span>{{ isNaN(Number(item.value)) ? item.value : Number(item.value).toFixed(2) }}</span>
            </div>
            <div class="min-w-[15px]">{{ item.unit || ' ' }}</div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<script setup lang="ts">
defineProps<{ data: any }>();
</script>
<style lang="less" scoped></style>
